#navigationTrigger {
  color: $got-white;
  display: block;
  float: right;
  font-size: 1.3em;
  padding: 10px;
  text-decoration: none;

  @include small {
    display: none;
  }

  span {
    display: inline-block;
    font-size: 0;
    text-indent: -9999em;
  }

}

.mobile-navigation {

  display: none;

  &.open {
    display: block;
  }

  @include small {
    display: none;

    &.open {
      display: none;
    }
  }

  ul {

    display: block;
    list-style: none;
    margin: 0;
    padding: 0;

    li {
      display: block;
      margin: 0;
      padding: 0.4em;

      a {
        color: $got-white;
      }
    }

    ul {
      display: none;
    }

  }

}
